<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="index.css" />

	</head>

	<body>
		<div id="head-nav">
			<div id="head-nav-1">
				<div id="head-nav-1-1">
					<a href="#">小米商城</a>
					<span>|</span>
					<a href="#">MIUI</a>
					<span>|</span>
					<a href="#">米聊</a>
					<span>|</span>
					<a href="#">游戏</a>
					<span>|</span>
					<a href="#">多看阅读</a>
					<span>|</span>
					<a href="#">云服务</a>
					<span>|</span>
					<a href="#">金融</a>
					<span>|</span>
					<a href="#">小米商城移动版</a>
					<span>|</span>
					<a href="#">问题反馈</a>
					<span>|</span>
					<a href="#">Select Region</a>
				</div>
				<div id="head-nav-1-2">
					<div id="head-nav-1-2-1">
						<a href="#">登录</a>
						<span>|</span>
						<a href="#">注册</a>
						<span>|</span>
						<a href="#">信息通知</a>
					</div>
					<div id="head-nav-1-2-2">
						<img src="cart.png">
						<a href="#">购物车(0)</a>
					</div>
					<div class="car-1"><span id="car-2">
						购物车中还没有物品，赶紧选购吧
					</span></div>
				</div>
			</div>
		</div>
		<div class="box">
			<div class="box-">

				<div class="img">
					<a href="#" title="小米官网"><img src="背景图片/logo-footer.png" /></a>
				</div>
				<div class="box1-1">
					<a href="#" class="xmphone">小米手机</a>
					<a href="#" class="hm">红米</a>
					<a href="#">平板·笔记本</a>
					<a href="#">电视</a>
					<a href="#">盒子·影音</a>
					<a href="#">路由器</a>
					<a href="#">智能硬件</a>
					<a href="#">服务</a>
					<a href="#">社区</a>
				</div>

				<div class="box1-2">
					<input type="" name="" id="" value="" />
					<input type="" name="" id="box1-3" value="" />
					<a href="#">小米MIX</a>
					<a href="#" class="box1-2-1">人工智能电视</a>
				</div>
			</div>

		</div>
		<div class="box2">
			<div class="box2-1">
							
				<li>
					<a href="#"><img src="背景图片/小米商城图片/xmNOTE2-80.jpg" /></a><br><span>小米Note2</span>
					<p>2799元起</p>
				</li>
				<li>
					<a href="#"><img src="背景图片/小米商城图片/MIX-80.jpg" /></a><br><span>小米MIX</span>
					<p>3499元</p>
				</li>
				<li>
					<a href="#"><img src="背景图片/小米商城图片/xm5S-80.jpg" /></a><br><span>小米5s</span>
					<p>1899元</p>
				</li>
				<li>
					<a href="#"><img src="背景图片/小米商城图片/xm5S-plus-80.jpg" /><br></a><span>小米5s Plus</span>
					<p>2299元起</p>
				</li>
				<li>
					<a href="#"><img src="背景图片/小米商城图片/xm5-80.jpg" /></a><br><span>小米手机5</span>
					<p>1599元起</p>
				</li>
				<li>
					<a href="#"><img src="背景图片/小米商城图片/xmmax-80.jpg" /></a><br><span>小米Max</span>
					<p>1299元起</p>
				</li>				
				</ul>				
			</div>
		</div>
	<div class="two-box">
		<ul class="pic">
				<li>
					<a href="#"><img src="背景图片/小米商城图片/de3a0be1-a817-4262-9536-db47ae18b19b.jpg" /></a>
				</li>
				<li>
					<a href="#"><img src="背景图片/小米商城图片/156261da-1a35-4ffa-b70d-efe1d46704ed.jpg" /></a>
				</li>
				<li>
					<a href="#"><img src="背景图片/小米商城图片/a5b9da7e-35d8-436c-b9dd-b6f06fe725d0.jpg" /></a>
				</li>
				<li>
					<a href="#"><img src="背景图片/小米商城图片/9a959f96-e108-4e3e-9725-f6620f939986.jpg" /></a>
				</li>
				<li>
					<a href="#"><img src="背景图片/小米商城图片/78f36bf8-f4d8-4f8a-afe6-24cd7721ccbe.jpg" /></a>
				</li>
			</ul>
			<ul class="box">
				<li>.</li>
				<li>.</li>
				<li>.</li>
				<li>.</li>
				<li>.</li>
			</ul>
			<div class="page">
				<span class="prev">&lt;</span>
				<span class="next">&gt;</span>
			</div>
			<div class="box-right">
				<ul>
					<li><a href="#" class="shouji-name">手机 电话卡</a></li>
					<li><a href="#" class="bijiben-name">笔记本 平板</a></li>
					<li><a href="#">电视 盒子</a></li>
					<li><a href="#">路由器 智能硬件</a></li>
					<li><a href="#">移动电源 电池 插线板</a></li>
					<li><a href="#">耳机 音箱</a></li>
					<li><a href="#">保护套 贴膜</a></li>
					<li><a href="#">线材 支架 存储卡</a></li>
					<li><a href="#">箱包  服饰</a></li>
					<li><a href="#">米兔 生活周边</a></li>
				</ul>
				<div class="box-right-1">
				<span>></span>
				<span>></span>
				<span>></span>
				<span>></span>
				<span>></span>
				<span>></span>
				<span>></span>
				<span>></span>
				<span>></span>
				<span>></span>
			</div>			
			</div>	
			<div class="shouji">
				<div class="shouji-one">
					<li><a href="#"><img src="背景图片/小米商城图片/xmNOTE2-80.jpg"/><span>小米Note2</span></a></li>
					<li><a href="#"><img src="背景图片/小米商城图片/xmmax-80.jpg"/><span>小米MIX</span></a></li>
				    <li><a href="#"><img src="背景图片/小米商城图片/xm5S-80.jpg"/><span>小米5S</span></a></li>
				    <li><a href="#"><img src="背景图片/小米商城图片/xm5S-plus-80.jpg"/><span>小米5Splus</span></a></li>
				    <li><a href="#"><img src="背景图片/小米商城图片/xm5-80.jpg"/><span>小米手机5</span></a></li>
				    <li><a href="#"><img src="背景图片/小米商城图片/xmmax-80.jpg"/><span>小米MAX</span></a></li>
				</div>
				<div class="shouji-two">
					<p>选购</p>
					<p>选购</p>
					<p>选购</p>
					<p>选购</p>
					<p>选购</p>
					<p>选购</p>
				</div>
				<div class="shouji-three">
					<li><a href="#"><img src="背景图片/小米商城图片/hm4-80.jpg"/><span>红米4</span></a></li>
					<li><a href="#"><img src="背景图片/小米商城图片/hmnote4-80.jpg"/><span>红米Note4</span></a></li>
					<li><a href="#"><img src="背景图片/小米商城图片/hm4A-80.jpg"/><span>红米4A</span></a></li>
					<li><a href="#"><img src="背景图片/小米商城图片/xmNOTE2-80.jpg"/><span>对比手机</span></a></li>
				    <li><a href="#"><img src="背景图片/小米商城图片/mimobile.jpg"/><span>小米移动 电话卡</span></a></li>
				</div>
				<div class="shouji-four">
					<p>选购</p>
					<p>选购</p>					
			</div>			
	</div>
	<!--<div class="bijiben">
		<li><a href="#"><img src="背景图片/小米商城图片/bijiben80.jpg"/><span>小米笔记本Air</span></a></li>
	    <li><a href="#"><img src="背景图片/小米商城图片/pad2.png"/><span>小米平板2</span></a></li>
	    <li><a href="#"><img src="背景图片/小米商城图片/usbzjqggg80.jpg"/><span>USB-C转接器</span></a></li>
	    <li><a href="#"><img src="背景图片/小米商城图片/neidanbao80.jpg"/><span>小米内胆包</span></a></li>
	    <li><a href="#"><img src="背景图片/小米商城图片/shubiao80.jpg"/><span>小米便携鼠标</span></a></li>
	</div>
	<div class="bijiben-one">-->
					<!--<p>选购</p>
					<p>选购</p>					
			</div>		-->
  </div>
  <div class="three-box">
			<div class="xuanxiang">
				<div class="shang">
				<span><a href="#">选购手机</a> </span>
				<span><a href="#">选购手机</a> </span>
				<span><a href="#">选购手机</a> </span>
				</div>
				<div class="xia">
				<span><a href="#">选购手机</a> </span>
				<span><a href="#">选购手机</a> </span>
				<span><a href="#">选购手机</a> </span>
				</div>
			</div>
			<div class="neirong">
				<li><a href="#"><img src="背景图片/小米商城图片/2281c3b6-ffc0-46a5-96d4-c1be059bbd21.jpg"/></a></li>
				<li><a href="#"><img src="背景图片/小米商城图片/2509ff7f-bdf9-491e-aa13-288c010cec6b.jpg"/></a></li>
				<li><a href="#"><img src="背景图片/小米商城图片/9079b625-6965-41be-b98e-aaa6f476bf4d.jpg"/></a></li>				
			</div>
		</div>
		<div class="title">小米明星单品</div>
		<div class="page2">
				<span class="prev2">&lt;</span>
				<span class="next2">&gt;</span>
			</div>
		<div class="xmmxdp">
			<div class="banner">
			<li><a href=""><img src="背景图片/小米商城图片/17fc57e5-e332-4452-bba4-ef341f6e59fd.png" alt="" /></a></li>
			<li><a href=""><img src="背景图片/小米商城图片/6ef55907-bbed-49be-a2bb-be0821b5f7b8.png" alt="" /></a></li>
			<li><a href=""><img src="背景图片/小米商城图片/c8c48bbb-5c57-4fa6-9bea-7abd7f24a13a.png" alt="" /></a></li>
			<li><a href=""><img src="背景图片/小米商城图片/d663ce13-c814-4f35-a7a8-46a4745e6fd7.jpg" alt="" /></a></li>
			<li><a href=""><img src="背景图片/小米商城图片/de35852a-1be5-4ef5-846f-dcdd2efcfea6.png" alt="" /></a></li>									
		</div>
		<div class="banner2">
			<li><img src="背景图片/小米商城图片/eb09500f-bad2-43de-8b94-2cc17c30de71.png" alt="" /></a></li>
			<li><img src="背景图片/小米商城图片/pms_1481507050.2285518!220x220.jpg" alt="" /></a></li>
			<li><img src="背景图片/小米商城图片/848def18-47d9-4ca0-8822-c2ac61b83779.png" alt="" /></a></li>
			<li><img src="背景图片/小米商城图片/725a37e3-78b7-4298-8098-c40097bf179d.png" alt="" /></a></li>
			<li><img src="背景图片/小米商城图片/0906bec7-68ad-41e9-9617-fb6550725a85.jpg" alt="" /></a></li>									
		</div>
		</div>
		<div class="xia-box">
		<div class="title1">智能硬件</div>
		<div class="qb"><a href="" class="ckqb">查看全部</a></div>
		<div class="znyj">
			<div class="right">
				<a href="#" class="jsq"><img src="背景图片/小米商城图片/xmjsq.png"/></a>
			</div>
			<div class="left-shang">
				<a href="#"><img src="背景图片/小米商城图片/1.png"/></a>
				<a href="#"><img src="背景图片/小米商城图片/2.png"/></a>
				<a href="#"><img src="背景图片/小米商城图片/3.png"/></a>
				<a href="#"><img src="背景图片/小米商城图片/4.png"/></a>
			</div>
			<div class="left-xia">
				<a href="#"><img src="背景图片/小米商城图片/5.png"/></a>
				<a href="#"><img src="背景图片/小米商城图片/6.png"/></a>
				<a href="#"><img src="背景图片/小米商城图片/7.png"/></a>
				<a href="#"><img src="背景图片/小米商城图片/8.png"/></a>
			</div>
		</div>
		</div>
		
	</body>
	<script src="jquery-3.1.1.js"></script>
	<script src="index.js"></script>

</html>